*{margin: 0;padding: 0;font-size: 12px;line-height:1.5;box-sizing: border-box;}
body{background: #f0f0f0;color: rgb(136, 136, 136);}
body,html{height: 100%;}
a{text-decoration: none;color: #888888;}
li{list-style: none;cursor: pointer;}
img{border: 0;font-size: 0;}
/*左边*/			
	#left ul{
		width: 74px;	
		height: 100%;
	    background: #d10048;
	    position: fixed;
	    top: 0;
	    left: 0;
	    padding-top: 10px;
	    text-align: center;
	    z-index: 9999;			   
	}
	#left ul li{
		height: 46px;
	   
	    overflow: hidden;
	    background: url(../img/left.png) center bottom no-repeat;
	}
	#left ul li a{
		line-height: 44px;
	    display: block;
	    width: 74px;
	    height: 44px;
	    color: #fff;
	   text-decoration: none;
	}
	#left ul li a:hover{background: #db366f;}
	#left ul li:nth-of-type(7){line-height: 23px;}
	#left ul li:nth-of-type(8){line-height: 23px;}
	#left ul .li2 .nav2{
		height: 0;width: 0;
		position: absolute;left: 74px;top: 0;
		padding-top:10px ;
	    overflow: hidden;
		display: block;
		background: rgba(171,171,171,1);
		color: white;
		transition: all 0.4s;
	}

/*右边*/
	#right{
		position: fixed;
	    top: 10%;
	    right: 0px;			   
	    text-align: center;
	    width: auto;
	    height: auto;
	    z-index: 9999;
	}
	#right li{
		list-style: none;
	}
	#right li a{
		display:block;
		height: 100%;width: 100%;
		font-size: 0;border: none;
	}
	#right .nav2{
		position: absolute;
		left: -300px; top: 90px;
		opacity: 0; 
		transition: all 1s;
	}
/*搜索框*/	
	#search{ 
        	padding: 20px 0;       	
		    width: 100%;
		    background: rgba(0,0,0,.3);
		    position: relative;
		    z-index: 9999;
		    display: none;
        }
        #search form{
        	width: 700px;
		    height: 40px;
		    margin: 0 auto;			   	   	    		    		    
        }
        #search form #text{
        	width: 590px;
		    height: 40px;
		    font-size: 14px;
		    color: rgb(85, 85, 85);
		    vertical-align: middle;
		    padding: 10px 20px;
		    border-width: 0px;
		    border-style: none;		    
		    background: rgb(255, 255, 255);
		    overflow: hidden;
		    float: left;
        }
        #search form #btn{
        	width: 110px;height: 40px;
        	background: black;color: white;
        	float: left;
        	border: none;
        	font-size: 16px;
        }
        #search ul{
        	border-top: 1px dashed black;
        	margin: 0 auto;
        	width: 700px;        	       	
        }
        #search ul li{
        	border-bottom: 1px dashed black;
        	line-height: 30px;
        	color: black;
        }
	
/*main -top*/
#mainContent{margin: 0 auto;width: 982px;}
	.mainContent,#content{overflow: hidden;}
	.com-header{overflow: hidden;}
	.com-header .fl{
		float: left;
		height: 70px;line-height: 70px;
		width: 34%;
	}
	.com-header img{vertical-align: middle}
	.com-header .fr{
		float: right;
		margin-top: 30px;
		position: relative;
	}
	.com-header .fr .search-btn{
		display: inline-block;
	    vertical-align: middle;
	    margin-left: 3px;
	    background:url(../img/index-bg.png) no-repeat;
	    width: 23px;height: 23px;
	}
	.com-header .fr a{
		color: #888;
		font-size: 14px;
		margin: 0 3px;
		position: relative;
	}
	.headerCar{
		width: 30px;display: inline-block;height: 18px;
	}
	.com-header .fr em{
		background:url(../img/index-bg.png) no-repeat;
		background-position: 0 -45px;
	    width: 23px;
	    height: 22px;
	    display: inline-block;			  		    
	    position: absolute;
	    top: 0px;
	}
	.com-header .fr i{
		position: absolute;
		top: -4px;right: 0px;
	   	border-radius: 50%;
	    display: inline-block;
	    width: 18px;
	    height: 18px;
	    text-align: center;
	    background: #d10048;
	    padding: 0 1px;
	    font-style: normal !important;
	    color: #fff;			    
	}
		
		/*放大镜部分*/
	.a1{width: 100%;height: 520px;padding: 20px 40px;background: white;}
	.a1 .left,.right{width: 47%;height: 100%;float: left;}
	.a1 .left{margin-right: 50px;}
	#box {
            width: 100%;
            height: 460px;
            border: 1px solid #ccc;
            padding: 10px;
            position: relative;                       
        }

        #box #middleImg{
            width: 400px;
            height: 370px;
            border: 1px solid #ccc;
            padding: 5px;
            position: relative;
        }

        #box #middleImg img {
            width:100%;
            height: 100%;
        }

        #box #middleArea {
            width: 100px;
            height: 100px;
            background: rgba(100, 222, 200, 0.4);
            position: absolute;
            left: 0;
            top: 0;
            display: none;
            cursor: pointer;
        }

        #box #small {
            /*background: red;*/
            width: 360px;
            height: 50px;
            margin-top: 10px;
        }

        #box #small li {
            width: 48px;
            height: 48px;
        }
		 #box #small li img{
		 	width: 100%;height: 100%;
		 }
        #box #small li {
            float: left;
            border: 1px solid #ccc;
            margin-left: 10px;           
            cursor: pointer;
        }

        #box #bigArea{
            position: absolute;
            left: 470px;
            top: 50px;
            overflow: hidden;
            width: 250px;
            height: 250px;
            border: 1px solid #ccc;
            display: none;
        }

        #box #bigArea img {
            position: absolute;
            left: 0;
            top: 0;
            width: 800px;
            height: 800px;
        }
		.a1 .right h1{
		    font-size: 16px;
		    font-weight: normal;
		    border-bottom: 1px dashed #dcdcdc;
		    padding-bottom: 10px;
		    margin-bottom: 10px;
		}
		.a1 .right .clearfix{overflow: hidden;}
		.a1 .right .clearfix p{float: left;}
		.a1 .right .clearfix .fr{float: right;}
		.a1 .right .price{color: #C33;font-size: 22px;margin: 10px 0;}
		.a1 .right #img img{width: 102%;}
		.a1 .right #logo{height: 25px;margin: 20px 0;}
		.a1 .right #logo a{width: 26px;height: 25px;float:left;background:url(../img/shop/common.png) no-repeat;margin-right: 5px;transition: all 0.2s;}  


	
			#content{margin-top: 30px;overflow: hidden;}			
			#content .right{width: 180px;float:right;background: white;padding-left: 20px;overflow: hidden;}
			#content .right h2{color: #333333;font-size: 14px;}
			#content .right .list{width: 160px;height: 158px;border: 1px solid #C5C8C6;text-align: center;margin: 10px 0;}
			#content .right .list img{width: 120px;height: 156px;}
			#content .right p{color: #666}
    		#content .right span{color: #d10048;font-size: 15px;font-weight: bold}
    		#content .left{width:760px;float: left;margin-right: 20px;background: white;}
    		#content .left .top{width: 100%;height: 50px;background:#DCDCDC;margin-bottom: 10px;}
    		#content .left .top li{float: left;width: 120px;text-align: center;line-height: 50px;rgb(136, 136, 136);font-size: 16px;border-right: 1px solid white;}    		
    		#content .left .top li:hover{color: white;background: #888888;}
    		#content .left #bd{text-align: center;}
    		#content .left table{background: #f4f7ff;padding: 10px 40px;}
    		#content .left table td{line-height: 40px;}
    		#content .left .pinjia{padding: 20px;}
    		#content .left  h2{height: 41px;
			    line-height: 41px;
			    font-size: 16px;
			    width: 68px;
			    border-bottom: 2px solid rgb(209, 0, 72);
			    }	
			#content .left .pinjia p{line-height: 20px;padding-top: 10px;border-top: 1px solid rgb(209, 0, 72);} 
			#content .left .wenda{padding:0 20px;}
			#content .left .wenda .b2{padding-top: 20px;border-top: 1px solid rgb(209, 0, 72);}
			#content .left .wenda .b2 li{    border-bottom: 1px dashed #ccc;margin-top: 10px;}
			#content .left .wenda .b2 p{display: inline-block;margin-left: 10px;}   
			#content .left .wenda .b2 em{font-style: normal;}   
			#content .left .wenda .b2 .answer{margin: 10px 0;}   
			#content .left .wenda .b2 .answer em{color: #333333;}   
			#content .left .wenda .b2 .answer p{color: #ff759e;} 
			#content .left .wenda form h4{font-size: 16px;margin-top: 10px;}  
			#content .left .wenda form textarea{    width: 100%;
			    height: 160px;
			    padding: 10px;
			    border-radius: 3px;
			    border: none;
			    background-color: #e2e3e3;
			    resize: none;}  
			#content .left .wenda .comment-btn{
				display: block;
			    border: 1px solid #d10048;
			    margin: 15px auto;
			    border-radius: 50px;
			    color: #d10048;
			    height: 40px;
			    text-align: center;
			    width: 100px;
			    font-size: 1em;
			    line-height: 40px;
						}
    		
    		
	
/*footer部分*/
	footer #foot-top {width:  33%;overflow: hidden;margin: 10px auto;}				    		     			    	    
    footer #foot-top li{float: left; margin: 10px; width: 116px;}		    
    footer #foot-top li em{background: url(../img/footer-bg.png) no-repeat;display: block;width: 76px;height: 75px;margin: 0 auto 10px;}    		  
    footer #foot-top li span{font-size: 16px;color: #888;text-align: center;display: inline-block;width: 100%;}
    footer .fr{width: 60%;overflow: hidden;margin: 10px auto;}
    footer .fr dl{float: left;width:16.6%;text-align: center;}
    footer .fr dl dt{font-size: 18px;}
    footer .fr dl dd a{text-shadow: #fff 0 1px 0;font-size: 14px;line-height: 30px;}
	
	footer .foot-b{width: 50%;margin: 30px auto;}
	footer .foot-b ul{width:100%;overflow: hidden;}    		
	footer .foot-b ul li{float: left;line-height: 20px;    border-right: 1px solid #909090;}
	footer .foot-b ul li:nth-last-of-type(1){border-right:none}
	footer .foot-b ul li a{font-size:14px;text-shadow: #fff 0 1px 0;margin: 0 15px;}
	footer .foot-b p{font-size: 14px;}
	footer .foot-b p img{border: 0;vertical-align: middle;}
	.foot-bottom{text-align:center;padding-bottom:10px;border-top:1px solid #dce0e3;padding-top: 30px;margin-top: 20px;}
	.foot-bottom img{vertical-align: middle}